Annotation icon
WebAdvisor logo

•

NaN / NaN

•

NaN / NaN
Back
IN
Search with your voice
Notifications
IN

Home
Shorts
Subscriptions
YouTube Music
You
Your channel
History
Playlists
Your videos
Watch later
Liked videos
Downloads

Subscriptions

adarshuc
Aishwarya Mohanraj
Alokchem
Alpha Clasher
Anunay Sood
Arindam Roychoudhury
ashish chanchlani vines
Show more
Show less

Explore

Trending
Shopping
Music
Movies
Live
Gaming
News
Sports
Courses
Fashion & Beauty
Podcasts

More from YouTube

YouTube Studio
YouTube Music
YouTube Kids

Settings
Report history
Help
Send feedback
AboutPressCopyrightContact usCreatorsAdvertiseDevelopers
TermsPrivacyPolicy & SafetyHow YouTube worksTest new features
© 2024 Google LLC
Home
Home
Shorts
Shorts
Subscriptions
Subscriptions
YouTube Music
YouTube Music
You
You
Downloads
Downloads
Previous
All Disha Vakani Music Tamil Cinema Twenty20 Cricket India national cricket team T-Series Live Mixes Web series Kareena Kapoor Khan Gaming Software Engineering Test Indian pop music Action Thrillers Thrillers Application software Soul Music Recently uploaded New to you
Next
24:11
24:11
Now playing
24:11
24:11
24:11
Now playing

TONGUE TWISTER CHALLENGE IN S8UL GAMING HOUSE 2.0 !!

S8UL
S8UL

Verified
•
•
43K views 1 hour ago
19:43
19:43
Now playing
19:43
19:43
19:43
Now playing

Bhide का कंधा हुआ Fracture | Taarak Mehta Ka Ooltah Chashmah | Comedy Lagataar

Sony SAB
Sony SAB

Verified
•
•
7.4M views 7 months ago
3:17
3:17
Now playing
3:17
3:17
3:17
Now playing

Belgium vs Romania | Highlights | UEFA Euro | 23rd June 2024

Sony LIV
Sony LIV

Verified
•
•
176K views 9 hours ago
9:56:04
9:56:04
Now playing
9:56:04
9:56:04
9:56:04
Now playing

Build and Deploy 3 Modern UI/UX Websites and Get Hired as a Frontend Developer | Full 10-Hour Course

JavaScript Mastery
JavaScript Mastery

Verified
•
•
79K views 8 days ago
4:02
4:02
Now playing
4:02
4:02
4:02
Now playing

Barbaadiyan (Full Video)| Shiddat |Sunny K,Radhika M |Sachet T,Nikhita G, Madhubanti B|Sachin -Jigar

T-Series
T-Series

Verified
•
•
151M views 2 years ago
1:33
1:33
Now playing
1:33
1:33
1:33
Now playing

IPL All Winning Captains (2008-2024)

Cricket8
Cricket8
•
•
172 views 19 hours ago

Shorts

Not interested

Life without you - 2 #funny #comedy #couple #explore #shorts #life

•
•
9.5M views

5 am 🤝 @himanshu_dulani

•
•
21K views

Stop Wasting Your Life 😪

•
•
319K views

Awkward first date Ft. Shubman Gill

•
•
21M views

Level 1 VS. Level 1,000,069 of SAMOSA

•
•
5.8M views

What's hurting #Pakistan, #SriLanka & #Bangladesh cricket? 🤔 #T20WorldCup #WorldCup2024 #Shorts

•
•
665K views

Surprised cat

•
•
679M views

Fast catch (wait for slomo) full video :@gocricketpro6

•
•
2M views

VOLCANO GOLGAPPE 😍 | Indian street food #shorts

•
•
4.4M views

1937 Luger P08 Review

•
•
7.3M views

Why Dont Machine learning models have a secret 🤔 #genai #machinelearning

•
•
41K views

The Fastest Way to Ruin Your Life 😓

•
•
1.3M views
11:09
11:09
Now playing
11:09
11:09
11:09
Now playing

HAVING A BOY CHILD IS VERY IMPORTANT | 🤔 🫥

Mumbiker Nikhil
Mumbiker Nikhil

Verified
•
•
12K views 1 hour ago
33:29
33:29
Now playing
33:29
33:29
33:29
Now playing

#INDvBAN | Cricbuzz Live हिन्दी: #Kuldeep & #Hardik shine, #India beat #Bangladesh by 50 runs

Cricbuzz
Cricbuzz

Verified
•
•
109K views Streamed 12 hours ago
7:15
7:15
Now playing
7:15
7:15
7:15
Now playing

FilterCopy | When Opposites Attract: A Monsoon Romance | Ft. Karan Jotwani, Saadhika Syal

FilterCopy
FilterCopy

Verified
•
•
2.4M views 9 months ago
12:09
12:09
Now playing
12:09
12:09
12:09
Now playing

DARK SIDE of SOFTWARE ENGINEERING !!

Striver
Striver
•
•
5.1K views 3 hours ago
2:26:31
2:26:31
Now playing
2:26:31
2:26:31
2:26:31
Now playing

Players 2012 Full Supert Hit Action Hindi Movie | Abhishek Bachchan, Bobby Deol, Sonam, Bipasha |

Heart-Pleasing Filme
Heart-Pleasing Filme
•
•
1.6M views 5 days ago
6:42
6:42
Now playing
6:42
6:42
6:42
Now playing

Rishabh Pant's Accident - Nitish Rana Shares His Comeback Story

TRS Clips हिंदी
TRS Clips हिंदी

Verified
•
•
7.7K views 14 hours ago
16:37
16:37
Now playing
16:37
16:37
16:37
Now playing

BIGG BOSS OTT 3 ROAST! FT VADA PAV GIRL & ARMAN MALIK

Thugesh
Thugesh

Verified
•
•
1M views 16 hours ago
10:55
10:55
Now playing
10:55
10:55
10:55
Now playing

Pihu ke Saamne kisi ki nahi Chalti

Flying Beast
Flying Beast

Verified
•
•
67K views 3 hours ago
32:11
32:11
Now playing
32:11
32:11
32:11
Now playing

Kota Kachori with Kunal Vijayakar | Jeetu Bhaiya | Ahsaas Channa | @NetflixIndiaOfficial

Khaane Mein Kya Hai
Khaane Mein Kya Hai

Verified
•
•
33K views 17 hours ago
2:23
2:23
Now playing
2:23
2:23
2:23
Now playing

हां या ना: हार्दिक पंड्या प्लेयर ऑफ़ द टूर्नामेंट के प्रबल दावेदार हैं

ESPNcricinfo
ESPNcricinfo

Verified
•
•
29K views 11 hours ago
5:44
5:44
Now playing
5:44
5:44
5:44
Now playing

Dil Haara Song | Tashan | Saif Ali Khan, Kareena Kapoor | Sukhwinder Singh, Vishal-Shekhar, Piyush

YRF
YRF

Verified
•
•
20M views 12 years ago
4:32
4:32
Now playing
4:32
4:32
4:32
Now playing

Alakh sir on POLITICAL Opinion of NEET PAPER LEAK | NEET SCAM || Zee News

Competition Wallah
Competition Wallah

Verified
•
•
129K views 1 day ago
3:07
3:07
Now playing
3:07
3:07
3:07
Now playing

Maharaj | Now Streaming | Junaid Khan, Jaideep Ahlawat, Shalini Pandey, Sharvari | Netflix

Netflix India
Netflix India

Verified
•
•
4.2M views 1 day ago
21:06
21:06
Now playing
21:06
21:06
21:06
Now playing

Ep 1801 - Flats Ki Renovation | Taarak Mehta Ka Ooltah Chashmah | Full Episode | तारक मेहता

Taarak Mehta Ka Ooltah Chashmah
Taarak Mehta Ka Ooltah Chashmah

Verified
•
•
21M views 7 months ago
48:08
48:08
Now playing
48:08
48:08
48:08
Now playing

The Reality of DSA and Development in 2024! | Hiring Market trends in 2024 for Software Engineers 😨

Nishant Chahar
Nishant Chahar

Verified
•
•
330K views 2 months ago
Let's Build Google Gemini 2.0 Using React JS and Gemini API | Gemini Clone In React 2024
2x
If playback doesn't begin shortly, try restarting your device.
29:22
5 seconds
Pull up for precise seeking
Project Overview
Pause (k)
45:37
•
You're signed out
Videos you watch may be added to the TV's watch history and influence TV recommendations. To avoid this, cancel and sign in to YouTube on your computer.
Up next
Live
Upcoming
Play Now
GreatStack
Subscribe
Subscribed
Welcome to “GreatStack” (formerly Easy Tutorials). My name is Avinash and I'm a Software Developer with several years of experience in web development. I like to teach aspiring web developers at "GreatStack" to learn to code and get their dream job. Please subscribe to my channel for the upcoming tutorials. Thank You :) Channel managed by: Avinash & Team GreatStack Enquiry: avinashdm@outlook.com
How To Deploy Full Stack React App For Free | Deploy MERN Stack Project In 10 Minutes
16:53
GreatStack
Subscribe
Subscribed
Share
An error occurred while retrieving sharing information. Please try again later.
From GreatStack
3:08:34

Create YouTube Clone Using React JS | Build Complete Website Like YouTube In React JS 2024

  • by GreatStack
  • 87,054 views
Stable Volume
Ambient mode
Annotations
Subtitles/CC (1)
Off
Playback speed
0.75
Quality
Auto (720p60)
Project Overview
Setup React JS Project
Create UI of Google Gemini App
Add Generative AI Functionality
Create Pre-loader animation
Add typing effect
save prompt in sidebar
Make the app responsive
42:49
42:49 / 1:55:05•Watch full video

Let's Build Google Gemini 2.0 Using React JS and Gemini API | Gemini Clone In React 2024

GreatStack
GreatStack

Verified
1.02M subscribers
<__slot-el>
<__slot-el>
Download
98K views 3 months ago React JS Projects Tutorial For Beginners 2024 #ReactJS #ReactProject
98,366 views • Mar 4, 2024 • React JS Projects Tutorial For Beginners 2024 #ReactJS #ReactProject
Show less
Build your on Generative AI App using Google Gemini API Using React JS. Create create AI app like Google Gemini or ChatGPT step by step t …...more
...more
Show less
Comments
206
Is this api paid?

NaN / NaN
React JS Projects Tutorial For Beginners 2024 #ReactJS #ReactProject

Let's Build Google Gemini 2.0 Using React JS and Gemini API | Gemini Clone In React 2024

98,366 views98K views
Mar 4, 2024
Download

Let's Build Google Gemini 2.0 Using React JS and Gemini API | Gemini Clone In React 2024

GreatStack
GreatStack

Verified
1.02M subscribers
<__slot-el>
<__slot-el>
Download
98K views 3 months ago React JS Projects Tutorial For Beginners 2024 #ReactJS #ReactProject
98,366 views • Mar 4, 2024 • React JS Projects Tutorial For Beginners 2024 #ReactJS #ReactProject
Show less
Build your on Generative AI App using Google Gemini API Using React JS. Create create AI app like Google Gemini or ChatGPT step by step tutorial. 👉 Live Preview: https://clone-gemini.vercel.app/
👉 Source code: https://greatstack.dev/go/gemini
SUBSCRIBE: ‪@GreatStackDev‬ ❤️ Complete JavaScript Course with Certification: 👉 https://greatstack.dev/go/javascript-...
✔️ Beginner + Advance + ES6 + Notes ✔️ 30 Project With Source Code ✔️ React Beginner course with project ✔️ Course Completion certificate ✔️ Chat Support In this tutorial you will learn to create your own Generative AI app like Google Gemini or ChatGPT In React JS. In this step by step tutorial we will create a Gemini clone app using Gemini API for absolutely free. you can create this google Gemini app for you college project or personal portfolio. Upload this Gemini clone project online using Vercel or netlify then add the project live link in your resume. Build your own version of Google Gemini App and share the screenshot on LinkedIn by tagging GreatStack page, and get featured on own LinkedIn page. Download Assets: https://drive.google.com/file/d/1E0eU...
Get web hosting and domain: 👉https://greatstack.dev/go/hostinger
Watch Full Stack E-commerce Website tutorial: 👉    • How To Create Full Stack E-Commerce W...   --------------------------------- Time stamp: 00:00 Project Overview 02:58 Setup React JS Project 06:14 Create UI of Google Gemini App 47:06 Add Generative AI Functionality 01:17:54 Create Pre-loader animation 01:23:48 Add typing effect 01:34:34 save prompt in sidebar 01:48:33 Make the app responsive ----------------------------------------- Suggested Course: Complete JavaScript course with 30 projects: 👉 https://greatstack.dev/go/javascript-...
Complete HTML and CSS with 8 projects: 👉 https://easytutorialspro.com/go/course/
------------------------------------- Recommended Videos: Beginner's HTML and CSS tutorial: ►    • HTML And CSS Tutorial For Beginners, ...   Beginner's JavaScript tutorial: ►    • JavaScript Full Course For Beginners ...   Make A Complete Website for college using HTML & CSS: ►    • How To Make A College Website Using H...   How to make a Business website step by step: ►    • How To Make Website Using HTML CSS | ...   How to make personal resume website step by step: ►    • How To Make A Website Using HTML And ...   How to make fitness website design using HTML CSS: ►    • How To Make A Website Using HTML CSS ...   How to make an Ecommerce Website Design: ►    • How To Make eCommerce Website Using H...   How to make a Job Portal website design with HTML & CSS: ►    • How To Make Website Using HTML CSS An...   How to make travel website design with HTML CSS Bootstrap: ►    • How To Make A Website Step By Step Us...   ------------------------------------- ◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see) Join Channel Membership: ►    / @greatstackdev   ------------------- Stock Image and icon credit: https://pexels.com
------------------------------------- Connect with me: 👉 https://linktr.ee/iamavinashkr
Connect with GreatStack: Instagram:   / greatstackdev  
Twitter:   / greatstackdev  
Facebook:   / greatstack  
 …...more
...more
Show less
Previous
All From your search From GreatStack React routers APIs
Next
13:11
13:11
Now playing
13:11
13:11
13:11
Now playing

Best frontend and backend projects for resume

Hitesh Choudhary
Hitesh Choudhary

Verified
•
•
161K views 4 months ago
Now playing
Now playing

[Watch Party] Global Esports vs Bleed Esports - VCT Pacific Stage 2

Rushindra Sinha
Rushindra Sinha
•
•
133 watching

LIVE

21:04
21:04
Now playing
21:04
21:04
21:04
Now playing

How To Make Sign In & Sign Up Form Using React JS | ReactJS Login & Registration Form

GreatStack
GreatStack

Verified
•
•
340K views 10 months ago
14:42
14:42
Now playing
14:42
14:42
14:42
Now playing

@Kullubaazi & @sahibabalii's KOTA FACTORY Study Date ♥️ | Netflix India

Netflix India
Netflix India

Verified
•
•
1.2M views 5 days ago

New

23:07
23:07
Now playing
23:07
23:07
23:07
Now playing

100 percentile in GMAT | My Full GMAT Journey

Piyush Chaudhary
Piyush Chaudhary
•
•
5.6K views 1 month ago
9:47
9:47
Now playing
9:47
9:47
9:47
Now playing

Fastest way to become a Web Developer in 2024

Sahil & Sarra
Sahil & Sarra
•
•
540K views 5 months ago
Now playing
Now playing

Complete Mathematics (PYQs, RTPs and Most Expected Question) | 8 घंटे लगातार Pre-Exam Marathon 🏃🏻

CA Wallah by PW
CA Wallah by PW

Verified
•
•
461 watching

LIVE

32:10
32:10
Now playing
32:10
32:10
32:10
Now playing

Create News App Using React JS And Bootstrap | Learn Bootstrap In React JS Tutorial

GreatStack
GreatStack

Verified
•
•
57K views 7 months ago
7:15
7:15
Now playing
7:15
7:15
7:15
Now playing

This is why you are not confident in logic building

Chai aur Code
Chai aur Code
•
•
39K views 8 days ago
28:51
28:51
Now playing
28:51
28:51
28:51
Now playing

Create AI Chat App using React JS and Google Gemini API in 30 minutes.

Vishesh Programming
Vishesh Programming
•
•
8.5K views 3 months ago
13:16
13:16
Now playing
13:16
13:16
13:16
Now playing

Top 5 Frontend Projects with Resources to get placement | Projects for final year students

Anshika Gupta
Anshika Gupta
•
•
742K views 1 year ago
45:37
45:37
Now playing
45:37
45:37
45:37
Now playing

How To Make A Quiz App In React JS | Build Quiz App Using HTML, CSS and React JS

GreatStack
GreatStack

Verified
•
•
45K views 6 months ago
Now playing
Now playing

#2 Workshop - React JS with Git & GitHub Software Development Training

CodingOtt
CodingOtt
•
•
22 watching

LIVE

10:28
10:28
Now playing
10:28
10:28
10:28
Now playing

How I'd Learn Full-Stack Web Development (If I Could Start Over)

Conner Ardman
Conner Ardman
•
•
392K views 10 months ago
57:45
57:45
Now playing
57:45
57:45
57:45
Now playing

Pretty Good Roast Show S1. EP 7/7 | Ft. @kushakapila5643

Aashish Solanki
Aashish Solanki
•
•
9.6M views 13 days ago
6:28
6:28
Now playing
6:28
6:28
6:28
Now playing

How to create a CSS navigation bar in 6 minutes! 🧭

Bro Code
Bro Code

Verified
•
•
224K views 9 months ago
9:21
9:21
Now playing
9:21
9:21
9:21
Now playing

How To Use Google AI Studio For Beginners

Corbin Brown
Corbin Brown
•
•
3.6K views 7 days ago
13:35
13:35
Now playing
13:35
13:35
13:35
Now playing

Learn CSS Grid - A 13 Minute Deep Dive

Slaying The Dragon
Slaying The Dragon
•
•
474K views 1 year ago

Comments 206

Sort comments
Sort by
Top comments
Newest first
Shreyansh Shukla
Add a comment...
Pinned by GreatStack

@GreatStackDev

@GreatStackDev
@GreatStackDev
1 month ago
Live Preview: https://clone-gemini.vercel.app/ Source code: https://greatstack.dev/go/gemini
Show less Read more
Like
Dislike

@abhinavgupta1219

3 months ago (edited)
Wow.. Thanks for making another great project. I will surely create this Gemini clone Best channel to learn react js by making trending projects
Show less Read more
Like
13
Dislike

@gabrielkingori3375

3 months ago
Thanks for the tutorial, such a fantastic project
Show less Read more
Like
3
Dislike

@bhagatsinghsingh3735

3 months ago
providing admireable contents for us thanks you
Show less Read more
Like
3
Dislike

@rohitparchure2172

2 months ago
Thanks Man, it was indeed helpful.
Show less Read more
Like
1
Dislike

@the_lucky_coder

1 month ago
Greate Work, Amazing use of React.js and CSS. Looking for more this type of projects in future.
Show less Read more
Like
Dislike

@user-ie1sp3nw5v

3 months ago
I loved this project
Show less Read more
Like
3
Dislike

@vikrantsingh3368

1 month ago
Successful build this project thanks man.
Show less Read more
Like
Dislike

@ahmadzerie9088

2 months ago
it was an amazing journey thank you very much
Show less Read more
Like
Dislike

@shiv575

1 month ago
Thank you sir ..to providing a such a wonderful project.
Show less Read more
Like
Dislike

@influencerab5918

3 months ago
It was nice ,thanks for sharing
Show less Read more
Like
Dislike

@bharath2508

2 months ago
Congratulations for a million subscribers
Show less Read more
Like
1
Dislike

@maclenci9458

1 month ago
thanks for all videos you made
Show less Read more
Like
Dislike

@SipheleleZulu-jg4wr

3 months ago
I love this thank you so much
Show less Read more
Like
Dislike

@anujpal574

2 months ago
Thank You Sir for this tutorial
Show less Read more
Like
Dislike

@snoudev

6 days ago (edited)
Amazing, the best video ever wishing you all the best sir , you deserve a billion subs
Show less Read more
Like
Dislike

@sivaranjani-37

3 months ago
Super
Show less Read more
Like
2
Dislike

@codingiseasy8312

3 months ago
Nice video
Show less Read more
Like
2
Dislike

@OkesanyaBlessing

6 days ago
like seriously this tutorial is a very greate and intresting project
Show less Read more
Like
Dislike

@user-nk8eb7ku6c

3 months ago
Hey Man, Its such a nice tutorial, btw Why you didn't use react-markdown ?
Show less Read more
Like
1
Dislike

Chapters

Project Overview

Project Overview

0:00

Project Overview

0:00

Setup React JS Project

Setup React JS Project

2:58

Setup React JS Project

2:58

Create UI of Google Gemini App

Create UI of Google Gemini App

6:14

Create UI of Google Gemini App

6:14

Add Generative AI Functionality

Add Generative AI Functionality

47:06

Add Generative AI Functionality

47:06

Create Pre-loader animation

Create Pre-loader animation

1:17:54

Create Pre-loader animation

1:17:54

Add typing effect

Add typing effect

1:23:48

Add typing effect

1:23:48

save prompt in sidebar

save prompt in sidebar

1:34:34

save prompt in sidebar

1:34:34

Make the app responsive

Make the app responsive

1:48:33

Make the app responsive

1:48:33
Sync to video time

Create clip

Shreyansh Shukla
Public
 
 
0/140
–
30.0 seconds
Continue clipping after ad finishes
Can’t create clip while ad is playing

Description

Let's Build Google Gemini 2.0 Using React JS and Gemini API | Gemini Clone In React 2024
2.5KLikes
98,366Views
Mar 42024
Build your on Generative AI App using Google Gemini API Using React JS. Create create AI app like Google Gemini or ChatGPT step by step tutorial. 👉 Live Preview: https://clone-gemini.vercel.app/
👉 Source code: https://greatstack.dev/go/gemini
SUBSCRIBE: ‪@GreatStackDev‬ ❤️ Complete JavaScript Course with Certification: 👉 https://greatstack.dev/go/javascript-...
✔️ Beginner + Advance + ES6 + Notes ✔️ 30 Project With Source Code ✔️ React Beginner course with project ✔️ Course Completion certificate ✔️ Chat Support In this tutorial you will learn to create your own Generative AI app like Google Gemini or ChatGPT In React JS. In this step by step tutorial we will create a Gemini clone app using Gemini API for absolutely free. you can create this google Gemini app for you college project or personal portfolio. Upload this Gemini clone project online using Vercel or netlify then add the project live link in your resume. Build your own version of Google Gemini App and share the screenshot on LinkedIn by tagging GreatStack page, and get featured on own LinkedIn page. Download Assets: https://drive.google.com/file/d/1E0eU...
Get web hosting and domain: 👉https://greatstack.dev/go/hostinger
Watch Full Stack E-commerce Website tutorial: 👉    • How To Create Full Stack E-Commerce W...   --------------------------------- Time stamp: 00:00 Project Overview 02:58 Setup React JS Project 06:14 Create UI of Google Gemini App 47:06 Add Generative AI Functionality 01:17:54 Create Pre-loader animation 01:23:48 Add typing effect 01:34:34 save prompt in sidebar 01:48:33 Make the app responsive ----------------------------------------- Suggested Course: Complete JavaScript course with 30 projects: 👉 https://greatstack.dev/go/javascript-...
Complete HTML and CSS with 8 projects: 👉 https://easytutorialspro.com/go/course/
------------------------------------- Recommended Videos: Beginner's HTML and CSS tutorial: ►    • HTML And CSS Tutorial For Beginners, ...   Beginner's JavaScript tutorial: ►    • JavaScript Full Course For Beginners ...   Make A Complete Website for college using HTML & CSS: ►    • How To Make A College Website Using H...   How to make a Business website step by step: ►    • How To Make Website Using HTML CSS | ...   How to make personal resume website step by step: ►    • How To Make A Website Using HTML And ...   How to make fitness website design using HTML CSS: ►    • How To Make A Website Using HTML CSS ...   How to make an Ecommerce Website Design: ►    • How To Make eCommerce Website Using H...   How to make a Job Portal website design with HTML & CSS: ►    • How To Make Website Using HTML CSS An...   How to make travel website design with HTML CSS Bootstrap: ►    • How To Make A Website Step By Step Us...   ------------------------------------- ◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see) Join Channel Membership: ►    / @greatstackdev   ------------------- Stock Image and icon credit: https://pexels.com
------------------------------------- Connect with me: 👉 https://linktr.ee/iamavinashkr
Connect with GreatStack: Instagram:   / greatstackdev  
Twitter:   / greatstackdev  
Facebook:   / greatstack  
Show less Show more

Chapters

Project Overview

Project Overview

0:00

Project Overview

0:00

Setup React JS Project

Setup React JS Project

2:58

Setup React JS Project

2:58

Create UI of Google Gemini App

Create UI of Google Gemini App

6:14

Create UI of Google Gemini App

6:14

Add Generative AI Functionality

Add Generative AI Functionality

47:06

Add Generative AI Functionality

47:06
Featured playlist
12 videos
12 videos
React JS Projects Tutorial For Beginners 2024 #ReactJS #ReactProject
GreatStack
Transcript

Follow along using the transcript.

GreatStack

1.02M subscribers
Videos
About
Videos
About

Comments 206

Top comments
Newest first

Transcript

Always have something to watch with Smart downloads
We'll automatically download recommended videos for you.
Unavailable videos are hidden
PLAY ALL

Liked videos

495 videosNo viewsUpdated yesterday

Private

Shuffle play
Shreyansh Shukla
Shreyansh Shukla
Play all
Liked videos
Shreyansh Shukla
·
 
495 videos No views Updated yesterday
Download
Play all
Shuffle
 …
 …
Play all
Shuffle
Shreyansh Shukla
All Videos Shorts
1
9:56:04
9:56:04
Now playing

Build and Deploy 3 Modern UI/UX Websites and Get Hired as a Frontend Developer | Full 10-Hour Course

JavaScript Mastery
JavaScript Mastery
•
79K views • 8 days ago
•
2
4:14
4:14
Now playing

How to use Tablet as a secondary screen

Torogi Pro
Torogi Pro
•
599K views • 1 year ago
•
3
1:04
1:04
Now playing

FilterCopy | Mini Series | Bada Sheher Choti Family | Trailer | Nakuul Mehta, Erica J Fernandes

FilterCopy
FilterCopy
•
89K views • 3 days ago
•
4
2:16:29
2:16:29
Now playing

Bazzar full movie

patidarritik444
patidarritik444
•
29K views • 1 year ago
•
5
18:47
18:47
Now playing

Jetha ने काट दिया बिल्ली का रास्ता | Taarak Mehta Ka Ooltah Chashmah | Comedy Lagataar

Sony SAB
Sony SAB
•
2.8M views • 8 months ago
•
6
23:35
23:35
Now playing

Babar XI and T20 World Cup 2024 Misery

Wasay Habib
Wasay Habib
•
344K views • Streamed 6 days ago
•
7
8:24
8:24
Now playing

Must Visit These 10 Places in North Goa || Harry Dhillon

Harry Dhillon
Harry Dhillon
•
52K views • 1 year ago
•
8
6:57
6:57
Now playing

Noor E Khuda Full Video - My Name is Khan|Shahrukh Khan|Kajol|Adnan Sami|Shreya Ghoshal

SonyMusicIndiaVEVO
SonyMusicIndiaVEVO
•
52M views • 10 years ago
•
9
15:22
15:22
Now playing

My Visual Studio Code Setup for Web Development

ForrestKnight
ForrestKnight
•
1M views • 1 year ago
•
10
0:45
0:45
Now playing

Top 10 VS Code Themes 2023

codeSTACKr
codeSTACKr
•
205K views • 1 year ago
•
11
2:50
2:50
Now playing

MITRAZ - Gulaab (Official Audio)

MITRAZ
MITRAZ
•
7.5M views • 1 year ago
•
12
7:24
7:24
Now playing

Neeve - Telugu Musical Dance Video | Phani Kalyan | Gomtesh Upadhye

Phani Kalyan Music
Phani Kalyan Music
•
45M views • 7 years ago
•
13
2:57
2:57
Now playing

Uff Teri Adaa Full Video Song | Karthik Calling Karthik | Farhan Akhtar, Deepika Padukone

T-Series
T-Series
•
48M views • 11 years ago
•
14
9:51
9:51
Now playing

How I Learned to Code in 4 Months & Got a Job! (No CS Degree, No Bootcamp)

Tim Kim
Tim Kim
•
5.1M views • 1 year ago
•
15
5:24
5:24
Now playing

Coke Studio Season 10| Faasle| Kaavish & Quratulain Balouch

Coke Studio Pakistan
Coke Studio Pakistan
•
18M views • 6 years ago
•
16
2:48
2:48
Now playing

Pehli baar

Adarsh gourav
Adarsh gourav
•
998K views • 7 months ago
•
17
3:42
3:42
Now playing

New West - Those Eyes (Chapter 1)

New West
New West
•
68M views • 5 years ago
•
18
3:01
3:01
Now playing

Stephen Dawes - Teenage Dream (Lyric Video)

Stephen Dawes
Stephen Dawes
•
32M views • 2 years ago
•
19
1:26
1:26
Now playing

How to Fix Attempted Import Error Switch is Not Exported From react-router-dom or React Router Dom

GameTrick
GameTrick
•
23K views • 1 year ago
•
20
3:52
3:52
Now playing

Fly By Midnight - No Choice (Official Video)

Fly By Midnight
Fly By Midnight
•
1.2M views • 3 years ago
•
21
3:10
3:10
Now playing

Hasan Raheem - Hungama ft Abdullah Kasumbi

Hasan Raheem
Hasan Raheem
•
1M views • 5 months ago
•
22
0:33
0:33
Now playing

Best Wireless mic for iPhone #short #shorts #mic #iPhone #iphoneaudio one

Darkin Tech
Darkin Tech
•
110 views • 3 months ago
•
23
4:56
4:56
Now playing

Long-Term Review: Acer Predator Helio Neo 16 - 4 Months Later!

Darkin Tech
Darkin Tech
•
5.5K views • 4 months ago
•
24
5:03
5:03
Now playing

Aashiq Tera | Full Audio Song | Happy Bhag Jayegi

Eros Now Music
Eros Now Music
•
28M views • 7 years ago
•
25
2:28
2:28
Now playing

Connecting Laptop to External Display with HDMI

Darkin Tech
Darkin Tech
•
55 views • 3 months ago
•
26
8:35
8:35
Now playing

Hum Ko Maaloom Hain (Full Song) Film - Jaan-E-Mann

T-Series
T-Series
•
27M views • 13 years ago
•
27
3:31
3:31
Now playing

Admirin' You (Official Video) Karan Aujla | Ikky | Making Memories | Latest Punjabi Songs 2023

Karan Aujla
Karan Aujla
•
82M views • 10 months ago
•
28
33:06
33:06
Now playing

Landing Page With HTML and CSS | 10 | Sheryians Coding School | Modern UI/UX

Sheryians Coding School
Sheryians Coding School
•
29K views • 1 year ago
•
29
0:18
0:18
Now playing

Clock in, baby get to work…“Love On” is OUT NOW! ♥️ SelenaGomez.lnk.to/LoveOn

Selena Gomez
Selena Gomez
•
1.2M views • 4 months ago
•
30
3:46:23
3:46:23
Now playing

Friday Premiere, Full Show Broken But Beautiful Season 2 | Vikrant Massey, Harleen Seth,Anuja Joshi

ALTT
ALTT
•
1.9M views • 4 months ago
•
31
3:32
3:32
Now playing

DHARIA - Sugar & Brownies (by Monoir) [Official Video]

Thrace Music
Thrace Music
•
585M views • 5 years ago
•
32
7:55
7:55
Now playing

Playing BGMI in SAMSUNG S9 FE tab ||UNBOXING

Darkin Tech
Darkin Tech
•
3.8K views • 5 months ago
•
33
4:20
4:20
Now playing

I love you (Full song) Bodyguard feat. Salman khan, Kareena Kapoor

T-Series
T-Series
•
77M views • 12 years ago
•
34
1:05:12
1:05:12
Now playing

DBMS | Lecture - 29 | Conflict Serializability And View Serializability | Vishvadeep Gothi

Unacademy Computer Science
Unacademy Computer Science
•
18K views • Streamed 1 year ago
•
35
4:47
4:47
Now playing

French Montana - Unforgettable ft. Swae Lee

French Montana
French Montana
•
1.7B views • 7 years ago
•
36
53:43
53:43
Now playing

One Shot Revision | Index Numbers | Pranav Popat | CA Foundation

Unacademy CA Foundation
Unacademy CA Foundation
•
65K views • Streamed 2 years ago
•
37
3:30
3:30
Now playing

Dhoonde Akhiyaan - Full Video | Jabariya Jodi | Sidharth Malhotra, Parineeti C | Yasser & Altamash

Zee Music Company
Zee Music Company
•
42M views • 4 years ago
•
38
29:05
29:05
Now playing

Look who’s back 🤪 | Rashi Ka Bday baaaash 🥳

Anunay Sood
Anunay Sood
•
274K views • 7 months ago
•
39
1:53
1:53
Now playing

Best screen recorder for laptop free without watermark..

Darkin Tech
Darkin Tech
•
102 views • 7 months ago
•
40
4:41
4:41
Now playing

FULL information about acer predator

Darkin Tech
Darkin Tech
•
224 views • 7 months ago
•
41
2:27
2:27
Now playing

Unboxing Acer predator || First impression 😮

Darkin Tech
Darkin Tech
•
168 views • 7 months ago
•
42
14:08
14:08
Now playing

implimentation of combinational circuit using MSI logic || digital circuit

JEXA Education
JEXA Education
•
50 views • 1 year ago
•
43
20:49
20:49
Now playing

Jetha ने किया Bagha के Business का उद्धघाटन | Taarak Mehta Ka Ooltah Chashmah | 4 Oct 2023

Sony PAL
Sony PAL
•
2.3M views • 8 months ago
•
44
10:01
10:01
Now playing

Build a BMI Calculator in Javascript - For Complete Beginners

Code Commerce
Code Commerce
•
10K views • 2 years ago
•
45
13:31
13:31
Now playing

Build Node.js User Authentication - Password Login

Web Dev Simplified
Web Dev Simplified
•
507K views • 5 years ago
•
46
1:18:37
1:18:37
Now playing

Master Async JavaScript: What it is and How to Use it

Sheryians Coding School
Sheryians Coding School
•
196K views • 10 months ago
•
47
1:39:13
1:39:13
Now playing

[Shery JS🚀] Project 2: Modern Web Development | HTML | CSS | JS

Sheryians Coding School
Sheryians Coding School
•
155K views • 10 months ago
•
48
30:32
30:32
Now playing

Become a Full Stack Web Developer in 2022 | Practical Step by Step Frontend and Backend Guide

JavaScript Mastery
JavaScript Mastery
•
371K views • 2 years ago
•
49
2:49:57
2:49:57
Now playing

Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website

JavaScript Mastery
JavaScript Mastery
•
554K views • 10 months ago
•
50
2:39:02
2:39:02
Now playing

Responsive Restaurant Website Using Html CSS JavaScript

codewithsadee
codewithsadee
•
47K views • 2 years ago
•
51
3:41:00
3:41:00
Now playing

Modern eCommerce website with HTML CSS JS

codewithsadee
codewithsadee
•
218K views • 2 years ago
•
52
5:03
5:03
Now playing

Ishq Di Baajiyaan Full Video - Soorma | Diljit Dosanjh, Taapsee | Shankar Ehsaan Loy | Gulzar | 4K

Sony Music India
Sony Music India
•
7.4M views • 1 year ago
•
53
1:14:06
1:14:06
Now playing

Responsive Online Food Delivery Services Website with HTML CSS and Javascript

Potential WebCode
Potential WebCode
•
49K views • 10 months ago
•
54
20:52
20:52
Now playing

Taarak Mehta Ka Ooltah Chashmah - Ep 2874 - Full Episode - 2nd December 2019

Sony SAB
Sony SAB
•
8.7M views • 4 years ago
•
55
1:58
1:58
Now playing

COD- Multikill streak (20 kills in 1 go)

GC Alpha.Dhwaneet Gamer
GC Alpha.Dhwaneet Gamer
•
9 views • 11 months ago
•
56
4:09
4:09
Now playing

top 5 laptop under 75000|| must watch for a college student

Darkin Tech
Darkin Tech
•
279 views • 11 months ago
•
57
2:24:32
2:24:32
Now playing

Build and Deploy Ecommerce Website With HTML CSS JavaScript | Full Responsive Ecommerce Course FREE

Tech2 etc
Tech2 etc
•
2.3M views • 2 years ago
•
58
19:50
19:50
Now playing

Realise when it’s time to let go

Thewizardliz
Thewizardliz
•
2.7M views • 1 year ago
•
59
5:46
5:46
Now playing

Lyrical: Dil Mein Ho Tum| WHY CHEAT INDIA | Emraan H, Shreya D|Rochak K, Armaan M, Bappi L, Manoj M

T-Series
T-Series
•
356M views • 5 years ago
•
60
3:03
3:03
Now playing

Yashraj, Talwiinder, Dropped Out - Dhundhala (Official Music Video)

Yashraj
Yashraj
•
32M views • 2 years ago
•
61
3:38
3:38
Now playing

Aahatein

Agnee - Topic
Agnee - Topic
•
14M views • 1 year ago
•
62
3:36
3:36
Now playing

windows VS mac // which is best for you |

Darkin Tech
Darkin Tech
•
45 views • 1 year ago
•
63
4:53:29
4:53:29
Now playing

V Badge Angry Youtuber Live Aa Gaya reeee 😱🔥

RG Gamer Live
RG Gamer Live
•
58K views • Streamed 1 year ago
•
64
5:53
5:53
Now playing

Upgrading ram in laptop || how to upgrade ram in laptop

Darkin Tech
Darkin Tech
•
285 views • 1 year ago
•
65
11:22
11:22
Now playing

How to use a breadboard in Hindi: A beginner's guide | Step-by-step tutorial

TEKNOISTIX
TEKNOISTIX
•
202K views • 3 years ago
•
66
1:54
1:54
Now playing

Best laptop for students in 2023 ||

Darkin Tech
Darkin Tech
•
160 views • 1 year ago
•
67
31:55
31:55
Now playing

How to make Responsive Gym Website using ReactJS || reactjs Website Project

Taversity
Taversity
•
106K views • 3 years ago
•
68
1:34:01
1:34:01
Now playing

Create A Responsive Fitness Website Using HTML / CSS / SASS / JavaScript - Step By Step

Mr. Web Designer
Mr. Web Designer
•
78K views • 2 years ago
•
69
2:24:17
2:24:17
Now playing

React Responsive Gym Website Tutorial Using ReactJs | React js Projects for Beginners | Deploy

ZAINKEEPSCODE
ZAINKEEPSCODE
•
570K views • 1 year ago
•
70
12:13
12:13
Now playing

Revisiting Pointers: new and delete Keywords in CPP | C++ Tutorials for Beginners #50

CodeWithHarry
CodeWithHarry
•
235K views • 4 years ago
•
71
1:11:59
1:11:59
Now playing

How To Make Website Using HTML & CSS | Full Responsive Multi Page Website Design Step by Step

GreatStack
GreatStack
•
6M views • 3 years ago
•
72
2:17:30
2:17:30
Now playing

Create a Responsive Website Using HTML, CSS & JavaScript in Hindi

CodeWithHarry
CodeWithHarry
•
2M views • 4 years ago
•
73
3:32
3:32
Now playing

Forest Blakk - I Saw Love (Lyric Video)

Blue Melodies
Blue Melodies
•
778K views • 3 years ago
•
74
3:17
3:17
Now playing

Baatein Purani

Shubham Agrawal
Shubham Agrawal
•
1.7M views • 1 year ago
•
75
21:06
21:06
Now playing

KIRCHHOFF'S VOLTAGE LAW IN HINDI | SOLVED PROBLEMS OF KVL (PART-3) @TIKLESACADEMYOFMATHS

TIKLE'S ACADEMY
TIKLE'S ACADEMY
•
160K views • 4 years ago
•
76
30:22
30:22
Now playing

KIRCHHOFF'S VOLTAGE LAW IN HINDI | SOLVED PROBLEMS OF KVL (PART-2) @TIKLESACADEMYOFMATHS

TIKLE'S ACADEMY
TIKLE'S ACADEMY
•
344K views • 4 years ago
•
77
15:38
15:38
Now playing

THEVENIN THEOREM SOLVED PROBLEMS IN HINDI (PART-1) @TIKLESACADEMYOFMATHS

TIKLE'S ACADEMY
TIKLE'S ACADEMY
•
1.7M views • 4 years ago
•
78
34:11
34:11
Now playing

KIRCHHOFF'S CURRENT LAW IN HINDI | SOLVED PROBLEMS OF KCL (PART-1) @TIKLESACADEMYOFMATHS

TIKLE'S ACADEMY
TIKLE'S ACADEMY
•
948K views • 4 years ago
•
79
16:24
16:24
Now playing

SOURCE TRANSFORMATION EXAMPLES IN HINDI LECTURE 4

TIKLE'S ACADEMY
TIKLE'S ACADEMY
•
72K views • 4 years ago
•
80
9:22
9:22
Now playing

KCL in just 10 min with best and easy way (Nodal Analysis)

Zarrar Khan
Zarrar Khan
•
884K views • 5 years ago
•
81
1:12
1:12
Now playing

"Transform Your Code with the Best Visual Studio Code Formatting Extension"

Xephyno
Xephyno
•
14 views • 1 year ago
•
82
0:12
0:12
Now playing

Laptop light hack😱 #short #lifehack #laptop

Darkin Tech
Darkin Tech
•
424K views • 1 year ago
•
83
0:37
0:37
Now playing

Glimpse of tech fest #short #music #trending #sound #gaming #fest #edit

Darkin Tech
Darkin Tech
•
225 views • 1 year ago
•
84
3:15
3:15
Now playing

Unboxing hp webcam under 500

Darkin Tech
Darkin Tech
•
273 views • 1 year ago
•
85
11:05
11:05
Now playing

How to start Competitive Programming ? Guide for Beginners !

Striver
Striver
•
240K views • 2 years ago
•
86
0:16
0:16
Now playing

Best Vs code Extensions...#vscode

Xephyno
Xephyno
•
21 views • 1 year ago
•
87
1:30
1:30
Now playing

"Creating My First Website: Code Walkthrough"

Xephyno
Xephyno
•
36 views • 1 year ago
•
88
1:32
1:32
Now playing

"Showing off My First Website: A Walkthrough "

Xephyno
Xephyno
•
93 views • 1 year ago
•
89
0:54
0:54
Now playing

Exo KAI speaks Hindi for the 1st time! #Kai #Sakshma #exo

Jongin Fever
Jongin Fever
•
5.6M views • 2 years ago
•
90
0:10
0:10
Now playing

making green screen for YouTube 🔥 #short #music #sound #trending #viral #greenscreen

Darkin Tech
Darkin Tech
•
1.1K views • 1 year ago
•
91
0:48
0:48
Now playing

My Journey as a Cabin Crew #shorts #youtubeshorts #cabincrew #grwm

Sanghmitra mishra
Sanghmitra mishra
•
34M views • 1 year ago
•
92
10:39
10:39
Now playing

Surprise Birthday Gift

SOUL Regaltos
SOUL Regaltos
•
1.6M views • 1 year ago
•
93
3:45
3:45
Now playing

K'NAAN - Wavin' Flag (Coca-Cola Celebration Mix)

K'naan Warsame
K'naan Warsame
•
519M views • 14 years ago
•
94
22:10
22:10
Now playing

Double Integration - Change of Order of Integration | Cartesian & Polar

Dr.Gajendra Purohit
Dr.Gajendra Purohit
•
1.1M views • 5 years ago
•
95
5:41
5:41
Now playing

Carey Foster's Bridge | Viva-Voce | Most Important Questions | Practical File

All Lab Experiments
All Lab Experiments
•
47K views • 3 years ago
•
96
0:58
0:58
Now playing

Greatest farewell of all time 💛🎊

Learn with Jaspal
Learn with Jaspal
•
53M views • 1 year ago
•
97
0:10
0:10
Now playing

Joe |🔥| Ginny and Georgia

Always & Forever
Always & Forever
•
46K views • 3 years ago
•
98
21:58
21:58
Now playing

Kota PW Hostel Checking at Night: SHOCKING REALITY😱

Akhilesh Dixit - KSHC KOTA
Akhilesh Dixit - KSHC KOTA
•
1.2M views • 1 year ago
•
99
0:37
0:37
Now playing

JUET At a Glance ✨💖

Xcuses
Xcuses
•
173 views • 1 year ago
•
100
5:21
5:21
Now playing

How Alakh Sir Meet Shivani Mam(Wife) : Unexpected Love Story 😍 | Physics Wallah/PW Motivation/PWians

PW Motivation
PW Motivation
•
5.1M views • 1 year ago
•
All Shorts Videos Unwatched Watched Recently uploaded Live Subscriptions
Search filters
1:55:06
1:55:06
Now playing

Let's Build Google Gemini 2.0 Using React JS and Gemini API | Gemini Clone In React 2024

GreatStack
GreatStack

Verified
•
•
98K views 3 months ago
GreatStack
GreatStack

Verified
SUBSCRIBE: @GreatStackDev ❤️ Complete JavaScript Course with Certification: https://greatstack.dev/go/javascript-course ... SUBSCRIBE: @GreatStackDev ❤️ Complete JavaScript Course with Certification: https://greatstack.dev/go/javascript-course ...
From the video description
8 chapters
Project Overview | Setup React JS Project | Create UI of Google Gemini App | Add Generative AI Functionality | Create Pre-loader animation | Add typing effect | save prompt in sidebar | Make the app responsive
8 chapters in this video
8 chapters

Project Overview

Project Overview

0:00

Project Overview

0:00

Setup React JS Project

Setup React JS Project

2:58

Setup React JS Project

2:58

Create UI of Google Gemini App

Create UI of Google Gemini App

6:14

Create UI of Google Gemini App

6:14

Add Generative AI Functionality

Add Generative AI Functionality

47:06

Add Generative AI Functionality

47:06

Create Pre-loader animation

Create Pre-loader animation

1:17:54

Create Pre-loader animation

1:17:54

Add typing effect

Add typing effect

1:23:48

Add typing effect

1:23:48

save prompt in sidebar

save prompt in sidebar

1:34:34

save prompt in sidebar

1:34:34
12 videos
Now playing

React JS Projects Tutorial For Beginners 2024 #ReactJS #ReactProject

GreatStack · Playlist
GreatStack · Playlist

Verified
•
•
  • Let's Build Google Gemini 2.0 Using React JS and Gemini API | Gemini Clone In React 2024
    1:55:06
  • React JS Project | Build & Deploy Complete Responsive Website in React Step by Step Tutorial
    3:10:18
View full playlist
28:51
28:51
Now playing

Create AI Chat App using React JS and Google Gemini API in 30 minutes.

Vishesh Programming
Vishesh Programming
•
•
8.5K views 3 months ago
Vishesh Programming
Vishesh Programming
AI Chat App using Google Gemini API and React JS. Please leave a LIKE ❤️ and SUBSCRIBE for more AMAZING content! AI Chat App using Google Gemini API and React JS. Please leave a LIKE ❤️ and SUBSCRIBE for more AMAZING content!
From the video description
2:03:55
2:03:55
Now playing

Gemini AI clone with nextjs | gemini API | shadcn and tailwind css | Code scrapper

Code Scrapper
Code Scrapper
•
•
2.4K views 3 months ago
Code Scrapper
Code Scrapper
Build React, Next.js full-stack Gemini AI app Clone from scratch beginner to advance. Next.js 14 App router full course with ... Build React, Next.js full-stack Gemini AI app Clone from scratch beginner to advance. Next.js 14 App router full course with ...
From the video description
9 chapters
Introduction | Installation | Sidebar design | Context Api setup | Light and dark mode | Chat body Design | Gemini ai Api integration | New Chat | Chat history
9 chapters in this video
9 chapters

Introduction

Introduction

0:00

Introduction

0:00

Installation

Installation

3:26

Installation

3:26

Sidebar design

Sidebar design

5:22

Sidebar design

5:22

Context Api setup

Context Api setup

21:24

Context Api setup

21:24

Light and dark mode

Light and dark mode

38:07

Light and dark mode

38:07

Chat body Design

Chat body Design

56:15

Chat body Design

56:15

Gemini ai Api integration

Gemini ai Api integration

1:13:50

Gemini ai Api integration

1:13:50
8:37
8:37
Now playing

Use Gemini AI API without Backend Code - Gemini for Web in HTML, Javascript and React JS

United Top Tech
United Top Tech
•
•
217 views 1 month ago
United Top Tech
United Top Tech
In this tutorial we will see how to use gemini ai api without backend server code, only by using frontend in html, javascript and ... In this tutorial we will see how to use gemini ai api without backend server code, only by using frontend in html, javascript and ...
From the video description

CC

14:33
14:33
Now playing

Step By Steps Tutorial To Create Conversational Q&A Chatbot Using Gemini Pro Free API

Krish Naik
Krish Naik

Verified
•
•
51K views 5 months ago
Krish Naik
Krish Naik

Verified
▻Learn In One Tutorials Statistics in 6 hours: ... ▻Learn In One Tutorials Statistics in 6 hours: ...
From the video description

People also watched

5:39:41
5:39:41
Now playing

Build & Deploy AI Resume Builder App Using React, Vite, Tailwind css, Strapi, Clerk

TubeGuruji
TubeGuruji
•
•
19K views 5 days ago
TubeGuruji
TubeGuruji
Welcome to the ultimate guide on creating a powerful AI Resume Builder App! In this tutorial, we'll leverage React, Vite, ... Welcome to the ultimate guide on creating a powerful AI Resume Builder App! In this tutorial, we'll leverage React, Vite, ...
From the video description

New

22 chapters
Introduction | Project Setup | React Routing | Authentication | Header | Strapi Backend Setup | Create New Resume | Dyanamic Route & Display Resume List | Quick Fix | Resume Preview Section | Add Resume Personal Detail | Add Summery | Generate Summery with AI | Add Experience | Add Educational Details | Add Skills | Edit Resume Functionality | Download & Share Resume | Delete Resume Functionality | Theme Color | Deploy Strapi on Cloud | Deploy App
22 chapters in this video
22 chapters

Introduction

Introduction

0:00

Introduction

0:00

Project Setup

Project Setup

6:52

Project Setup

6:52

React Routing

React Routing

20:05

React Routing

20:05

Authentication

Authentication

30:06

Authentication

30:06

Header

Header

41:01

Header

41:01

Strapi Backend Setup

Strapi Backend Setup

48:10

Strapi Backend Setup

48:10

Create New Resume

Create New Resume

1:03:05

Create New Resume

1:03:05
3:58
3:58
Now playing

RyuJin RYU & Amaterasu Omikami OMIKAMI UPDATE, TARGETS, PRICE PREDICTION AND ANALYSIS 06 22 2024

CryptoMeownalysis
CryptoMeownalysis
•
•
236 views 15 hours ago
CryptoMeownalysis
CryptoMeownalysis
All donations are appreciated! You can now become a member and help support the channel for $4.99/ month! Donations: BTC ... All donations are appreciated! You can now become a member and help support the channel for $4.99/ month! Donations: BTC ...
From the video description

New

12:45
12:45
Now playing

Running Gemini AI on ESP32🔥🔥

techiesms
techiesms

Verified
•
•
1.2K views 8 hours ago
techiesms
techiesms

Verified
In this tutorial, I'll show you how to integrate Gemini AI with your ESP32 board. Whether you're a beginner or an experienced ... In this tutorial, I'll show you how to integrate Gemini AI with your ESP32 board. Whether you're a beginner or an experienced ...
From the video description

New

Matching chapter
5:15 Code for Gemini API using ESP32
Matching chapter
Matching chapter

Introduction

Introduction

0:00

Introduction

0:00

Agenda

Agenda

0:46

Agenda

0:46

Generating API Key for Gemini

Generating API Key for Gemini

1:15

Generating API Key for Gemini

1:15

Testing Gemini API in Postman

Testing Gemini API in Postman

1:44

Testing Gemini API in Postman

1:44

Code for Gemini API using ESP32

Code for Gemini API using ESP32

5:15

Code for Gemini API using ESP32

5:15

Testing the Code in Arduino IDE

Testing the Code in Arduino IDE

7:30

Testing the Code in Arduino IDE

7:30

Explaining the filtering part of the code

Explaining the filtering part of the code

7:38

Explaining the filtering part of the code

7:38
10:02
10:02
Now playing

Gemini-UI-To-Code: AI Develops Frontend - UI Generator (Opensource)

WorldofAI
WorldofAI
•
•
7.3K views 2 days ago
WorldofAI
WorldofAI
Welcome to our latest video on "Gemini-UI-To-Code: This Gemini Frontend & UI Generator is FREE & Amazing! (OpenUI & v0 ... Welcome to our latest video on "Gemini-UI-To-Code: This Gemini Frontend & UI Generator is FREE & Amazing! (OpenUI & v0 ...
From the video description

New

+6 more
20 videos
Now playing

Build App Clones with ReactJS

Clever Programmer · Playlist
Clever Programmer · Playlist

Verified
•
•
  • ASMR | Build Disney+ with React JS (Firebase + Styled Components + Redux)
    4:41:09
  • Build LinkedIn with React JS (Firebase + Styled Components + Redux)
    7:07:55
View full playlist
41:47
41:47
Now playing

1 HOUR - Learn the Gemini API and build a multi-turn chat bot!

Code with Ania Kubów
Code with Ania Kubów

Verified
•
•
24K views 3 months ago
Code with Ania Kubów
Code with Ania Kubów

Verified
⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, ... ⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, ...
From the video description

Shorts

Introducing Google Gemini API Inside Pabbly Connect #shorts #bard #gemini

•
•
569 views

Jumping Text | HTML CSS node.js Vue.js React #gemini

•
•
6.2K views

Gemini 2.0 Clone app by react js

•
•
41 views

I finally use the Gemini api!

•
•
3.7K views

ChatGPT vs. Google Gemini vs. Microsoft Copilot who's better for coding? #react #tailwindcss

•
•
795 views

Google Gemini AI - Demo Tutorial (old Google Bard AI)

•
•
199 views
6:22
6:22
Now playing

Gemini AI API with Node JS and Javascript Tutorial

United Top Tech
United Top Tech
•
•
6.1K views 4 months ago
United Top Tech
United Top Tech
In this tutorial we will see how to use google's gemini ai api with node js and javascript #geminiai #ai. In this tutorial we will see how to use google's gemini ai api with node js and javascript #geminiai #ai.
From the video description

CC

16:30
16:30
Now playing

How to Build AI ChatBot Using Google Gemini AI with Custom Knowledge Base

Coding Money
Coding Money
•
•
52K views 5 months ago
Coding Money
Coding Money
Build your own, personalized AI assistant, tailored to your specific needs!** New Video: Build a PDF AI Chatbot ... Build your own, personalized AI assistant, tailored to your specific needs!** New Video: Build a PDF AI Chatbot ...
From the video description

4K

8 chapters
Introduction | Prerequisites | Google AI Studio | Prompt Design | Chatbot Prototype & Testing | Gemini Coding & API Key Setup | Custom AI Chatbot Demo | Important, Please don’t skip
8 chapters in this video
8 chapters

Introduction

Introduction

0:00

Introduction

0:00

Prerequisites

Prerequisites

1:27

Prerequisites

1:27

Google AI Studio

Google AI Studio

2:25

Google AI Studio

2:25

Prompt Design

Prompt Design

4:32

Prompt Design

4:32

Chatbot Prototype & Testing

Chatbot Prototype & Testing

6:29

Chatbot Prototype & Testing

6:29

Gemini Coding & API Key Setup

Gemini Coding & API Key Setup

10:07

Gemini Coding & API Key Setup

10:07

Custom AI Chatbot Demo

Custom AI Chatbot Demo

13:55

Custom AI Chatbot Demo

13:55
26:08
26:08
Now playing

Build An AI Image Generator App In React Using OpenAI - Like DALL-E Image Generation App

GreatStack
GreatStack

Verified
•
•
63K views 10 months ago
GreatStack
GreatStack

Verified
Build your own version of AI Image Generator app in React JS. This AI image generator is built using OpenAI API. Here you can ... Build your own version of AI Image Generator app in React JS. This AI image generator is built using OpenAI API. Here you can ...
From the video description

Shorts

Google Gemini AI - Demo Tutorial (old Google Bard AI)

•
•
199 views

AI Chat Interface #chatgpt #gemini

•
•
517 views

Fast Food App in React Native 🔥 #shorts #reactnative #expo #reactjs #app #ui

•
•
680K views

Gemini Bridge: Words and Images Understood #shorts #reactjs #tailwind #google #gemini #ai

•
•
11 views

Exploring Google IDX with Google Gemini #coding #developer #javascript #python #webdevelopment

•
•
No views

New

Chat Personal Assistant with Google Generative AI #shorts #reactjs #tailwind #google #gemini

•
•
79 views
22:23
22:23
Now playing

Step-by-Step Guide: Build a Google Gemini-inspired Experience with React JS

Kobicypher
Kobicypher
•
•
1.1K views 3 months ago
Kobicypher
Kobicypher
In this instructional session, you'll gain proficiency in crafting your own Generative AI application akin to Google Gemini or ... In this instructional session, you'll gain proficiency in crafting your own Generative AI application akin to Google Gemini or ...
From the video description

4K

3:41:46
3:41:46
Now playing

Build & Deploy Full Stack AI Mock Interview App with Next.js | React, Drizzle ORM, Gemini AI, Clerk

TubeGuruji
TubeGuruji
•
•
14K views 2 weeks ago
TubeGuruji
TubeGuruji
Build & Deploy a Full Stack AI Mock Interview App with Next.js! In this tutorial, we'll use React, Drizzle ORM, Gemini AI, and ... Build & Deploy a Full Stack AI Mock Interview App with Next.js! In this tutorial, we'll use React, Drizzle ORM, Gemini AI, and ...
From the video description
14 chapters
Introduction | Project Setup (Create & Run Next.Js React App) | Authentication | Header | Application Workflow | Backend Setup (Drizzle ORM + PostgreSql) | Generate Mock Interview Question With AI | Interview Start/Landing Page | Show Interview Question | Record User Answer With AI feedback | Interview Feedback | Display Interview List on Dashboard | Pricing & Payment | Deploy App
14 chapters in this video
14 chapters

Introduction

Introduction

0:00

Introduction

0:00

Project Setup (Create & Run Next.Js React App)

Project Setup (Create & Run Next.Js React App)

5:09

Project Setup (Create & Run Next.Js React App)

5:09

Authentication

Authentication

16:16

Authentication

16:16

Header

Header

32:33

Header

32:33

Application Workflow

Application Workflow

40:46

Application Workflow

40:46

Backend Setup (Drizzle ORM + PostgreSql)

Backend Setup (Drizzle ORM + PostgreSql)

42:01

Backend Setup (Drizzle ORM + PostgreSql)

42:01

Generate Mock Interview Question With AI

Generate Mock Interview Question With AI

56:08

Generate Mock Interview Question With AI

56:08

For you

1:59:18
1:59:18
Now playing

React Project Tutorial: Build a Responsive Portfolio Website w/ Advanced Animations

webdecoded
webdecoded
•
•
1.5M views 2 years ago
webdecoded
webdecoded
... https://webdecoded.gumroad.com/l/full-stack In this tutorial, we build a personal portfolio website using React and Animate CSS ... ... https://webdecoded.gumroad.com/l/full-stack In this tutorial, we build a personal portfolio website using React and Animate CSS ...
From the video description
11 chapters
Introduction | Installation | Navigation | Main Banner | Skills Section & Slider | Projects' Section & Tabs | Contact Form | Newsletter Subscribe | Footer | Animations | Wrap Up
11 chapters in this video
11 chapters

Introduction

Introduction

0:00

Introduction

0:00

Installation

Installation

1:49

Installation

1:49

Navigation

Navigation

2:55

Navigation

2:55

Main Banner

Main Banner

24:12

Main Banner

24:12

Skills Section & Slider

Skills Section & Slider

39:06

Skills Section & Slider

39:06

Projects' Section & Tabs

Projects' Section & Tabs

49:56

Projects' Section & Tabs

49:56

Contact Form

Contact Form

1:03:40

Contact Form

1:03:40
0:29
0:29
Now playing

That’s Why IIT,en are So intelligent 😂😂 #iitbombay

Akash Jaiswal (IITB)
Akash Jaiswal (IITB)
•
•
4.6M views 1 year ago
Akash Jaiswal (IITB)
Akash Jaiswal (IITB)
Online class in classroom #iitbombay #shorts #jee2023 #viral. Online class in classroom #iitbombay #shorts #jee2023 #viral.
From the video description
1:08:37
1:08:37
Now playing

Build and Deploy Responsive React portfolio website: React | Framer Motion| Tailwind CSS

compiletab
compiletab
•
•
44K views 2 months ago
compiletab
compiletab
In this video, we will look at how to build a react portfolio site for software developers using tailwind CSS and framer motion library. In this video, we will look at how to build a react portfolio site for software developers using tailwind CSS and framer motion library.
From the video description
11 chapters
Introduction | Installation | Navbar | Hero Section | About Section | Technologies Section | Work Experience Section | Projects Section | Contact Section | Framer Motion | Deploy
11 chapters in this video
11 chapters

Introduction

Introduction

0:00

Introduction

0:00

Installation

Installation

2:05

Installation

2:05

Navbar

Navbar

6:49

Navbar

6:49

Hero Section

Hero Section

14:49

Hero Section

14:49

About Section

About Section

20:00

About Section

20:00

Technologies Section

Technologies Section

24:29

Technologies Section

24:29

Work Experience Section

Work Experience Section

29:32

Work Experience Section

29:32
+7 more
27:49
27:49
Now playing

Make a Search Bar with React (with API Calls) | Beginners Tutorial

Code Complete
Code Complete
•
•
220K views 1 year ago
Code Complete
Code Complete
Through this tutorial, learn how to make a search bar component using React. This beginner project covers ReactJS, functional ... Through this tutorial, learn how to make a search bar component using React. This beginner project covers ReactJS, functional ...
From the video description
46:20
46:20
Now playing

ReactJS & Google AI Gemini API Integration

Nijat Aliyev | Full Stack Developer
Nijat Aliyev | Full Stack Developer
•
•
2K views 6 months ago
Nijat Aliyev | Full Stack Developer
Nijat Aliyev | Full Stack Developer
Build with Gemini Integrate Gemini models into your applications with Google AI Studio. It's fast and free to start building with ... Build with Gemini Integrate Gemini models into your applications with Google AI Studio. It's fast and free to start building with ...
From the video description
28:33
28:33
Now playing

Google Gemini Pro LLM Model Free API Demo With Code- Is It Better Than OpenAI GPT's?

Krish Naik
Krish Naik

Verified
•
•
93K views 6 months ago
Krish Naik
Krish Naik

Verified
This quickstart demonstrates how to use the Python SDK for the Gemini API, which gives you access to Google's Gemini large ... This quickstart demonstrates how to use the Python SDK for the Gemini API, which gives you access to Google's Gemini large ...
From the video description
5:17
5:17
Now playing

How to Use Gemini AI by Google ✦ Tutorial for Beginners

Coding Money
Coding Money
•
•
233K views 6 months ago
Coding Money
Coding Money
Dive Deep into the World of Gemini AI: What It Is & How It Can Empower You Checkout my other videos related to Gemini: 8 Best ... Dive Deep into the World of Gemini AI: What It Is & How It Can Empower You Checkout my other videos related to Gemini: 8 Best ...
From the video description

4K

5:30:57
5:30:57
Now playing

Build & Deploy NextJs AI Form Builder SaaS Application using React, TailwindCSS, Gemini API, Clerk

TubeGuruji
TubeGuruji
•
•
18K views 1 month ago
TubeGuruji
TubeGuruji
Dive into building a powerful AI-driven form builder SaaS with NextJs & React! Learn to style with TailwindCSS, integrate Gemini ... Dive into building a powerful AI-driven form builder SaaS with NextJs & React! Learn to style with TailwindCSS, integrate Gemini ...
From the video description
17 chapters
Introduction | Project Setup | Landing Page | Authentication | Backend Setup | Generate AI Form | Display form on UI | Form Style, Theme & Apprerance | Live form preview | User Responses | Quick Fix | Display Form List on Dashboard | Export Form Responses | SideNav Progress Bar | Payment Getway | Sign In Before Form Submit | Deploy App
17 chapters in this video
17 chapters

Introduction

Introduction

0:00

Introduction

0:00

Project Setup

Project Setup

5:21

Project Setup

5:21

Landing Page

Landing Page

21:31

Landing Page

21:31

Authentication

Authentication

33:14

Authentication

33:14

Backend Setup

Backend Setup

1:07:28

Backend Setup

1:07:28

Generate AI Form

Generate AI Form

1:22:38

Generate AI Form

1:22:38

Display form on UI

Display form on UI

1:56:17

Display form on UI

1:56:17
1:07:13
1:07:13
Now playing

Build and deploy your own Chatbot with Gemini (Complete JavaScript Tutorial)🚀

Tommy's Codebase
Tommy's Codebase
•
•
4.1K views 6 months ago
Tommy's Codebase
Tommy's Codebase
Learn how to build and deploy your own chatbot using the Gemini AI API. Useful Links Build your own AI Chatbot: ... Learn how to build and deploy your own chatbot using the Gemini AI API. Useful Links Build your own AI Chatbot: ...
From the video description
8 chapters
01: Introduction and Demo | 02: Build the Frontend | 03: Connecting to the Gemini API | 04: Rendering markdown text | 05: Add chat history | 06: Pushing to GitHub | 07: Deploying on Vercel | 08: Conclusion
8 chapters in this video
8 chapters

01: Introduction and Demo

01: Introduction and Demo

0:00

01: Introduction and Demo

0:00

02: Build the Frontend

02: Build the Frontend

0:59

02: Build the Frontend

0:59

03: Connecting to the Gemini API

03: Connecting to the Gemini API

26:31

03: Connecting to the Gemini API

26:31

04: Rendering markdown text

04: Rendering markdown text

49:27

04: Rendering markdown text

49:27

05: Add chat history

05: Add chat history

53:30

05: Add chat history

53:30

06: Pushing to GitHub

06: Pushing to GitHub

1:01:53

06: Pushing to GitHub

1:01:53

07: Deploying on Vercel

07: Deploying on Vercel

1:03:53

07: Deploying on Vercel

1:03:53
4:52
4:52
Now playing

ReactJS Chatbot App with Gemini API

Nijat Aliyev | Full Stack Developer
Nijat Aliyev | Full Stack Developer
•
•
1.2K views 6 months ago
Nijat Aliyev | Full Stack Developer
Nijat Aliyev | Full Stack Developer
ReactJS Chatbot App with Gemini API Experience Google's largest and most capable AI model REPO: ... ReactJS Chatbot App with Gemini API Experience Google's largest and most capable AI model REPO: ...
From the video description
2x
If playback doesn't begin shortly, try restarting your device.
•
Share
An error occurred while retrieving sharing information. Please try again later.
-6:14